$(document).ready(function(){
// 隐藏元素显示*************************************************
    $("input.input").click(function(){
        $(this).css({
            "border-bottom":"1px solid #0058a3"
        }).prev().css("opacity","1")
        $(this).next().css("opacity","0")
    })
    $("input.input").blur(function(){
        $(this).css({
            "border-bottom":"1px solid #929292"
        }).prev().css("opacity","0")
        if($(this).val() === ""){
            $(this).next().css("opacity","1").text($(this).attr("data-value")+"不能为空")
            return false
        }
    })

// 注册页跳转***************************************************
    $(".to-sign-up").click(function(){
        $(location).attr("href","http://localhost/$$IKEA/src/junhao-planet/sign_up.html")
    })

// 记住我按钮***************************************************
    // 按钮点击事件
    var flag = true;
    $(".input-checkbox").click(function(){
        if(flag){
            $(".checkbox-inner").attr("checked","true").css({
                "box-shadow": "0 0 2px transparent",
                border: "1px solid transparent"
            }).children().css("opacity","1")
            flag = false
            return false
        }else{
            $(".checkbox-inner").attr("checked","false").css({
                "box-shadow": "0 0 2px #0567bd",
                border: "1px solid #0058a3"
            }).children().css("opacity","0")
            flag = true
            return false
        }
    })

// 表单验证*****************************************************
    // 手机号表单内容验证
    $("#tel-input").blur(function(){
        if($(this).val() === ""){
            $(this).next().css("opacity","1").text($(this).attr("data-value")+"不能为空")
            return false
        }else{
            var reg = /^1[3-9]\d{9}$/
            if(!reg.test($(this).val())){
                $(this).css({
                    "border-bottom":"1px solid #E00751"
                }).next().css("opacity","1").text("请输入正确的手机号")
                return false
            }else{
                $(this).next().css("opacity","0")
            }
        }
    })

    // 密码表单内容验证
    $("#pwd-input").blur(function(){
        if($(this).val() === ""){
            $(this).css({
                "border-bottom":"1px solid #E00751"
            }).next().css("opacity","1").text($(this).attr("data-value")+"不能为空")
            return false
        }
    })

// 发送ajax**************************************************************
    // 判断是否存在cookie
    var savetel = getCookie("savetel");
    var tel = getCookie('tel')
    if(tel || savetel){
        $("#tel-input").val(tel||savetel)
    }
    $(".sign-in-button").click(function(){
        var loadMask = $("<div>登录中 . . .</div>").css({
            width:"100%",
            height:"100%",
            background:"#fff",
            opacity:"0.9",
            position:"fixed",
            top:"0",
            left:"0",
            "text-align":"center",
            "line-height":"500px",
            color:"#ffdb00",
            fontSize:"32px",
            "font-weight":"700"
        })
        $("body").append(loadMask)
        $.post("./php/sign_in.php",$("form").serialize(),res=>{
            var {meta:{status}} = res;
            if(status === 2){
                // 登陆成功存储cookie
                setCookie("tel",$("#tel-input").val(),3600*24)
                // 记住用户名的话设置cookie  
                if($(".checkbox-inner").attr("checked")){
                    setCookie("savetel",$("#tel-input").val(),3600*24*7)
                }
                loadMask.text("登陆成功");
                setTimeout(function(){
                    loadMask.remove()
                },1000)
                // 检测本地存储是否有url，有的话就跳转到此url，反之跳到首页
                var url = localStorage.getItem("url") 
                if(url){
                    $(location).attr('href', url);
                    localStorage.removeItem("url")
                    return false
                }
                $(location).attr('href', 'http://localhost/$$IKEA/junhao-planet/src/index.html');
                
            }else if(status === 1){
                loadMask.text("用户名或密码错误");
                setTimeout(function(){
                    loadMask.remove()
                },1000)
            }
        },"json")
    })




























})